<h4>插值表达式</h4>
<pre class="note">
应用功能：将组件中的数据变量在页面中进行输出展示
应用语法：｛｛　组件变量 | 匿名变量 | 简单表达式　｝｝
取值规则：
    1、匿名变量：插值表达式取值匿名变量，遵循JS|TS语法规则 
        + 输出的值为匿名对象时，因为对象构成包含｛｝，为了保证区分变量和插值表达式语法的关系
            匿名对象的前后必须以空格分割
    2、组件变量：插值表达式取值为组件变量，组件变量为当前模板对应的class组件类的自定义属性
    3、简单表达式：四则、三目、比较、逻辑…… (不包含 自增自减等相关操作)
特性：
    1、angular 使用 JS 变量的默认 toString 方法进行变量到字符串的转换
    2、对于 null 和 undefined ，插值表达式以 "" 方式进行输出
    3、在anglar的语法中，插值表达式不能直接调用 JS的 内置对象
        模板中使用的变量名，都会被认为是调用组件的变量，因此无法直接获取
        因为所有的变量都指向于组件变量，通过组件变量进行跳转可以实现对JS内置对象的访问
    4、被用于页面展示的直接变量，不能是一个随机值的变量
    5、具有响应式
应用场景：angular的插值表达式可以应用于页面的取值，也可以为标签进行HTML和DOM属性的赋值
            能够完成的HTML和DOM赋值存在限制，只能为angular构成时已知的HTML和DOM赋值
</pre>
<h5>匿名变量</h5>
<p>字符串：{{ '匿名变量字符串' }}</p>
<p>数值：{{ 1024 }}</p>
<p>布尔：{{ true }}</p>
<p>对象：{{ {name:"tom",age:34} }}</p>
<p>数组：{{ [1,2,3,4] }}</p>
<p>null：{{ null }}</p>
<p>undefined：{{ undefined }}</p>
<h5>组件变量</h5>
<p>msg：{{ msg }}</p>
<p>num：{{ num }}</p>
<p>data：{{ data }}</p>
<p>arr：{{ arr }}</p>
<p>imgObj：{{ imgObj }}</p>
<p>day：{{ day }}</p>
<h5>简单表达式</h5>
<p>四则：{{ 1+2*2 }}</p>
<p>三目：{{ num>15?"是":"否" }} </p>
<p>三目：{{ ture&&false }} </p>
<h5>JS内置对象</h5>
<p>PI：{{ Math.PI }}</p>
<!-- 
    angular 在第一次渲染页面是，会优先完成一次校验
 -->
<p>属性赋值</p>
<p class=" {{ 'a' }} ">class属性</p>
<!-- <p itany=" {{ '网博' }} ">class属性</p> -->
<p className=" {{ 'a' }} ">class属性</p>
